<template>
  <div>
    <Menu></Menu>
  <div>
    <p class="outor">
      <a href>< 返回</a>
    </p>

    <p class="title">订单信息</p>

    <div class="orderlist">
      <div class="dingdanmsg">
        <p>订单编号：1</p>
        <p>订单状态：已发货</p>
        <p>创建时间：2019-01-01 12:09:01</p>
        <p>发货时间：2019-01-01 12:09:01</p>
        <p>取消时间：2019-01-01 12:09:01</p>
        <p>退款时间：2019-01-01 12:09:01</p>
      </div>
      <table cellspacing="0" class="ordertable ordertable2">
        <thead>
          <tr class="orderhead">
            <th>商品名称</th>
            <th>规格</th>
            <th>单价</th>
            <th>数量</th>
            <th>总计</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <a href class="goodname">XXX(超过换行)</a>
            </td>
            <td>颜色：红色，尺寸：125</td>
            <td>$0.9</td>
            <td>1</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href class="goodname">XXX(超过换行)</a>
            </td>
            <td>颜色：红色，尺寸：125</td>
            <td>$0.9</td>
            <td>1</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href class="goodname">XXX(超过换行)</a>
            </td>
            <td>颜色：红色，尺寸：125</td>
            <td>$0.9</td>
            <td>1</td>
            <td>$0.9</td>
          </tr>
          <tr>
            <td>
              <a href class="goodname">XXX(超过换行)</a>
            </td>
            <td>颜色：红色，尺寸：125</td>
            <td>$0.9</td>
            <td>1</td>
            <td>$0.9</td>
          </tr>
        </tbody>
      </table>
      <div class="shmsg">
        <p class="shtit">收货信息</p>
        <div class="dingdanmsg">
          <p>姓名：jeck</p>
          <p>电话：2324324324</p>
          <p>
            详细地址：XXXXXXXXXXXXXXXXX
            <a class="xiugai">修改></a>
          </p>
          <p>市：XXX</p>
          <p>省：XXX</p>
          <p>国家：XXX</p>
          <p>邮编：XXX</p>
        </div>
      </div>
    </div>
    <div class="tc">
      <p class="tctit">
        提示
        <a class="close">
          <img src="../assets/img/closed.png" />
        </a>
      </p>
      <div>
        <input type="text" placeholder="请输入地址" />
      </div>
      <div class="sure">
        <input type="button" value="确定" />
      </div>
    </div>
  </div>
  <Footer></Footer>
  </div>
</template>
<script>
import Menu from './Menu'
import Footer from './Footer'
export default {
   components: {
     Menu,
     Footer
   },
    methods:{}
};
</script>

<style lang="less" scoped>
@media screen and (max-width: 1024px) {
  @import url(../assets/css/mobile_orderinformation.less);
}
  @media screen and (min-width: 1024px) {
  @import url(../assets/css/pc_orderinformation.less);
}
</style>